<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本相关指令</title>
</head>
<body>
<div>
<!--    {{变量}}：插值，此处的文本文本内容和变量进行绑定-->
  {{info}}<b>{{info}}</b>
<!--  v-text:让元素的文本内容和变量进行绑定  -->
    <p v-text = "info"></p>
<!--  v-html：让元素的标签内容和变量进行绑定（元素内游标有标签会进行解析）-->
    <p v-html = "info"></p>
</div>
<script src="../../js/vue.min.js"></script>
<script>
  let v = new Vue({
    el:"body>div",
    data:{
      info:"文本相关指令<b>abc</b>"
    }
  })
</script>
</body>
</html>